<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/index1.css">
		<link rel='stylesheet' type="text/css" href="css/swiper.min.css">
		<link rel="stylesheet" type="text/css" href="css/zouxiupl.css">
		<script type="text/javascript" src="js/html5shiv.min.js" ></script>
		<style type="text/css">
			.fendi:hover {
				background:#E8E8E8;
			}
			a {
				text-align: center;
			}
			.footerfendipl ul li img {
				padding: 4px 0px 7px 0px;
			}
			.baodai:hover {
				background:#CCCCCC !important;
			}
			.gdp:active {background: #B7B8B8;color: white;}
			.ding {
	 		position: fixed;
	 		top:0;
	 		width: 100%;
	 	}
		</style>
</head> 
<body>
	<script type="text/javascript" src='js/flexible.debug.js'></script>
	<script type="text/javascript" src='js/flexible_css.debug.js'></script>
		<header class="zouxiu-pl" style="width:100%;top:0;position: fixed;z-index: 3;"><span class="span-pl">走秀首页</span></header>
		<section>
		<div class="banner" style="margin-top:50px;">
            <div class="swiper-container imgs swiper-container-horizontal swiper-wp8-horizontal">
                <div class="swiper-wrapper" style="transform: translate3d(-2708px, 0px, 0px); transition-duration: 0ms;"><div class="swiper-slide swiper-slide-duplicate swiper-slide-duplicate-next" style="width: 1354px;" data-swiper-slide-index="2">
                        <img src="img/10.png">
                    </div>
                    <div class="swiper-slide swiper-slide-prev" style="width: 1354px;" data-swiper-slide-index="0">
                        <img src="img/10.png">
                    </div>
                    <div class="swiper-slide swiper-slide-active" style="width: 1354px;" data-swiper-slide-index="1">
                       <img src="img/10.png">
                    </div>
                    <div class="swiper-slide swiper-slide-next" style="width: 1354px;" data-swiper-slide-index="2">
                        <img src="img/10.png">
                    </div>
                    
                </div>
                <div class="swiper-pagination swiper-pagination-bullets"><span class="swiper-pagination-bullet"></span><span class="swiper-pagination-bullet swiper-pagination-bullet-active"></span><span class="swiper-pagination-bullet"></span></div>
            </div>
		</div>
		
		<div class="remeng">热门品牌</div>
		
		<div class="fendi fen_di">
			<div class="fendi-left">
				<div class="fendi-box1">FENDY</div>
				<div class="fendi-box2">
					<p class="fendi-up">芬迪</p>
					<p class="fendi-box2down">芬迪新品上线</p>
				</div>
			</div>
			<div class="fendi-right">
				<div class="fendi-box3">1.8折</div>
				<div class="fendi-box4"><img src="img/qtoupl.png"/></div>
			</div>
		</div>
		
		
		<div class="fendi">
			<div class="fendi-left d2c">
				<div class="fendi-box1">D2C</div>
				<div class="fendi-box2">
					<p class="fendi-up">D2C</p>
					<p class="fendi-box2down">D2C新品上线</p>
				</div>
			</div>
			<div class="fendi-right">
				<div class="fendi-box3">1.8折</div>
				<div class="fendi-box4"><img src="img/qtoupl.png"/></div>
			</div>
		</div>
		<div class="fendi bobo">
			<div class="fendi-left">
				<div class="fendi-box1">SWABOVSKI</div>
				<div class="fendi-box2">
					<p class="fendi-up">博柏利</p>
					<p class="fendi-box2down">芬迪新品上线</p>
				</div>
			</div>
			<div class="fendi-right">
				<div class="fendi-box3">1.8折</div>
				<div class="fendi-box4"><img src="img/qtoupl.png"/></div>
			</div>
			
		</div>
		</div>
		<div class="fendi">
			<div class="fendi-left">
				<div class="fendi-box1">FENDY</div>
				<div class="fendi-box2">
					<p class="fendi-up">芬迪</p>
					<p class="fendi-box2down">芬迪新品上线</p>
				</div>
			</div>
			<div class="fendi-right">
				<div class="fendi-box3">1.8折</div>
				<div class="fendi-box4"><img src="img/qtoupl.png"/></div>
			</div>
		</div>
		<div class="gdp" onclick="window.location='fenleipinpai4.html'">更多品牌&gt;&gt;</div>
		<div class="remeng">热门分类</div>
		<div class="baodai">
			<div class="baodai-left"><img src="img/baopl.png"/></div>
			<div class="baodai-center">
				<p class="baodai-up">博柏利  包袋</p>
				<p class="baodai-down">BURBERRY 博柏利金典款上线</p></div>
			<div class="baodai-right"><img src="img/qtoupl.png"/></div>
		</div>
		
		<div class="baodai">
			<div class="baodai-left"><img src="img/baopl.png"/></div>
			<div class="baodai-center">
				<p class="baodai-up">博柏利  包袋</p>
				<p class="baodai-down">BURBERRY 博柏利金典款上线</p></div>
			<div class="baodai-right"><img src="img/qtoupl.png"/></div>
		</div>
		
		<div class="baodai">
			<div class="baodai-left"><img src="img/baopl.png"/></div>
			<div class="baodai-center">
				<p class="baodai-up">博柏利  包袋</p>
				<p class="baodai-down">BURBERRY 博柏利金典款上线</p></div>
			<div class="baodai-right"><img src="img/qtoupl.png"/></div>
		</div>
		
		<footer class="footerfendipl">	
		<ul>
			<li><a href="#" style="width: 1.30666667rem; height: 1.21333333rem; border-radius: 0.26666667rem;
  background: linear-gradient(#6f6f6f, #565656);"><img src="img/fangzit.png"/>首页</a></li>
			<li><a href="#"><img src="img/sousuot.png"/>搜索</a></li>
			<li><a href="#"><img src="img/ren1t.png"/>我的秀</a></li>
			<li><a href="#"><img src="img/gouwuxhet.png"/>购物车</a></li>
			<li><a href="#"><img src="img/xinp1l.png"/>更多</a></li>
		</ul>
	</footer>
		</section>
		
		
		<footer class="footerfendipl">	
		<ul>
			<li><a href="#" style="width: 1.30666667rem; height: 1.21333333rem; border-radius: 0.26666667rem;
  background: linear-gradient(#6f6f6f, #565656);"><img src="img/fangzit.png"/>首页</a></li>
			<li onclick="location.href='xiu_serch.html'"><a href="#"><img src="img/sousuot.png">搜索</a></li>
			<li><a href="#"onclick="window.location='submit.html#'"><img src="img/ren1t.png"/>我的秀</a></li>
			<li onclick="window.location='car.html'"><a href="#"><img src="img/gouwuxhet.png"/style="padding-right: 4px;">购物车</a></li>
			<li onclick="window.location='genhduo.html'"><a href="#"><img src="img/xinp1l.png"/>更多</a></li>
		</ul>
	</footer>
		<script src="js/jquery-1.12.4.min.js"></script>
	    <script src="js/swiper.js"></script>
	<script>
    
        $(function(){
            var swiper1 = new Swiper('.swiper-container', {
                autoplay: 1000,
                pagination: '.swiper-pagination',        
            })  
        })
       
       $('.fen_di,.bobo').on('click',function (){
       	location.href="fendi5.html";
       });
        $('.d2c').on('click',function (){
       	location.href="fenleipinpai3.html";
       })
        $('.baodai').click(function () {
        	location.href="fenleipinpai3.html"
        })
    </script>
	</body>
</html>
